@charset "utf-8";
body {width:100%;max-width:680px;}
.logo{max-width:150px;width:20%;margin:2%;}
#header{text-align:center;position:relative;}
#section{}
#section input{width:100%;font-size:150%;background:none;line-height:150%;vertical-align:center;}
#section #sb{background:#cc2a1e;border:none;color:#FFF;padding:1.8% 0;}
#section #sb:active{margin:0.1% 5.2%;width:89.8%;line-height:149.8%;}
#section #sb:hover{cursor:pointer;}
#section .tip{color:#5b626c;margin:0 5%;}
#section .text{line-height:180%;border: 1px solid rgb(186,186,186);text-indent:.5em;vertical-align:center;}
#section .text:focus{border: 1px solid #cc2a1e;outline: #cc2a1e solid 1px;}
#section p{position:relative;width:90%;margin:0.5em auto;}
#section .label{color:#A9A9A9;font-size: 150%;line-height: 180%;display: none;position: absolute;text-indent: 0.5em;}
#section .qrcode{width:100%;max-width:900px;}
#section #join_name{display:block;color:#a40000;font-size:300%;margin:5% 0;text-align:center;}
#section #join_email{color:#a40000;}

#cnzz{display:none;}
#loading{position:fixed;width:100%;height:100%;background:#FFF url(../images/loading.gif) center no-repeat;background-color:rgba(255,255,255,0.6);max-width: 680px;z-index:1000;display:none;filter: alpha(opacity=60);}
img.error{width:100%}

